<template>
  <div>
    <el-button @click="buttonclick">我是按钮</el-button>
    <el-alert  @close="buttonclick">我是提示</el-alert>
    <el-checkbox v-for = "i in 10" :key = "i" @change="chooseBox(i)">{{i}}我是选择题</el-checkbox>
    <el-input v-model="input" placeholder="请使用中文" :disabled = "true">请输入文字</el-input>
    <el-time-select v-model="timeValue" :picker-options="{ start: '08:30',step: '00:15',end: '18:30'}"
        placeholder="选择时间">
    </el-time-select>
    <el-alert title="请注意在2023年买房"  type="success">  </el-alert>
    <el-alert title="请注意在2025年买房"  type="warning">  </el-alert>
    <el-alert title="请注意在2027年买房"  type="info">  </el-alert>
    <el-alert title="请注意在2029年买房"  type="error">  </el-alert>
  </div>
</template>


<script>
export default {
  name:"ele_Icon",
  data:function(){
    return {
      movie:'123',
      input:"",
      timeValue:"",
    }
  },
  methods:{
    buttonclick(){
      this.$message.success("点击成功");
    },
    chooseBox(index){
      console.log(index);
      this.$message.info(index + "选择成功");
    }
  }
}
</script>